<template>
  <div class="foot">
    <!-- PC底部 -->
    <div class="footPC">
      <div class="footPCon">
        <div class="footPCT">
          <div class="block">
            <a href="#" class="logo">
              <img src="../static/images/logo2.png" alt="logo"/>
            </a>
            <div class="footPCTR">
              <nuxt-link :to="{name: 'innovate'}">创新产品</nuxt-link>
              <nuxt-link :to="{name: 'solution-solutionIndex'}" >解决方案</nuxt-link>
              <nuxt-link :to="{name: 'serve-serveList'}">服务支持</nuxt-link>
              <nuxt-link :to="{name: 'datacenter'}">资料中心</nuxt-link>
              <nuxt-link :to="{name: 'news-newsIndex'}">最新资讯</nuxt-link>
              <nuxt-link :to="{name: 'about'}">关于我们</nuxt-link>
              <div class="clear"></div>
            </div>
            <div class="clear"></div>
          </div>
        </div>
        <div class="footPCB">
          <div class="block">
            <div class="footPCBL">
              <p>相关链接：</p>
              <p><a href="https://cn.mitsubishielectric.com/zh/index.html" target="_blank">三菱电机集团中国官网</a></p>
              <p><a href="https://www.mitsubishielectric.com/fa/index.html" target="_blank">Mitsubishi Electric Global Website</a></p>
              <p><a href="https://www.cc-link.org/en/" target="_blank">CLPA</a></p>
            </div>
            <div class="footPCBR">
              <div class="footPCBRE">
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/cnt/index.html" target="_blank">控制器</a>
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/drv/index.html" target="_blank">驱动产品</a>
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/hmi/got/index.html" target="_blank">可视化</a>
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/rbt/robot/index.html" target="_blank">工业机器人</a>
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/lv_distri/index.html" target="_blank">低压配电产品</a>
                <a href="https://www.mitsubishielectric.com/fa/cn_zh/products/mecha/index.html" target="_blank">加工机</a>
              </div>
              <div class="footPCBRE">
                <nuxt-link :to="{name: 'solution-solutionDetails'}">什么是e-F@ctory </nuxt-link>
                <nuxt-link :to="{name: 'solution-ctory'}">e-F@ctory Alliance</nuxt-link>
                <nuxt-link :to="{name: 'solution-solutionLead'}">公司导入事例</nuxt-link>
                <nuxt-link :to="{name: 'solution-industryScheme'}">行业解决方案</nuxt-link>
                 <nuxt-link :to="{name: 'solution-solutionIdeaJQR'}">产品解决方案</nuxt-link>
                 <nuxt-link :to="{name: 'solution-solutionIdeaJQR'}">课题解决方案</nuxt-link>
              </div>
              <div class="footPCBRE">
                <nuxt-link :to="{name: 'serve-culCenter'}">培训中心</nuxt-link>
                <nuxt-link :to="{name: 'serve-exhibitionHallW'}">走进智能制造</nuxt-link>
                <nuxt-link :to="{name: 'serve-callCenterW'}">Call Center</nuxt-link>
                <nuxt-link :to="{name: 'serve-afterServiceW'}">售后服务</nuxt-link>
                <nuxt-link :to="{name: 'serve-serveFaqW'}">FAQ</nuxt-link>
                <nuxt-link :to="{name: 'serve-serveQuestionsW'}">问询与建议</nuxt-link>
                <nuxt-link :to="{name: 'serve-serveAttestationW'}">认证机构查询</nuxt-link>
              </div>
              <div class="footPCBRE">
                 <nuxt-link :to="{name: 'datacenter'}">样本</nuxt-link>
                 <nuxt-link :to="{name: 'datacenter'}">手册</nuxt-link>
                 <nuxt-link :to="{name: 'datacenter'}">CAD</nuxt-link>
                 <nuxt-link :to="{name: 'datacenter'}">认证</nuxt-link>
                 <nuxt-link :to="{name: 'datacenter'}">视频</nuxt-link>
                 <nuxt-link :to="{name: 'datacenter'}">软件</nuxt-link>
                 <nuxt-link :to="{name: 'datacenter'}">FB程序库</nuxt-link>
                 <nuxt-link :to="{name: 'datacenter'}">其他</nuxt-link>
              </div>
              <div class="footPCBRE">
                <nuxt-link :to="{name: 'news-newsCompany'}">公司新闻</nuxt-link>
                <nuxt-link :to="{name: 'news-newProduct'}">新品发布</nuxt-link>
                <nuxt-link :to="{name: 'news-logUpdate'}">资料更新日志</nuxt-link>
              </div>
              <div class="footPCBRE">
                <nuxt-link :to="{name: 'about-synopsis'}">公司简介</nuxt-link>
                <nuxt-link :to="{name: 'about-managementIdea'}">经营理念</nuxt-link>
                <nuxt-link :to="{name: 'about-duty'}">社会责任</nuxt-link>
                <nuxt-link :to="{name: 'about-joinUs'}">加入我们</nuxt-link>
                <nuxt-link :to="{name: 'about-contactUs'}">联系我们</nuxt-link>
              </div>
              <div class="clear"></div>
            </div>
            <div class="ftooPCBR">
             
            </div>
            <div class="clear"></div>
          </div>
        </div>
      </div> 
      <div class="footPCeon">
        <div class="block">
          <div class="footPCeonL">
            <p>Copyright      Mitsubishi Electric Corporation. All Rights Reserved.</p>
            <p>沪ICP备14009283号-2        沪公网安备 31010502001673号</p>
          </div>
          <div class="footPCeonR">
            <div class="footPCeonRT">
              <a href="#">使用条款</a> |
              <a href="#">隐私声明</a>
              <div class="clear"></div>
            </div>
            <!-- <p class="footPCeonRb">网站建设备案号：沪ICP备14009283号-2 沪公网安备 31010502001673号</p> -->
          </div>
          <div class="clear"></div>
        </div>
      </div>
    </div>

    <!-- 手机底部 -->
    <div class="footMOB">
      <div class="block">
        <div class="footMOBN">
          <div class="footMOBNS" @click="footMOBNS($event)">
            <div class="footMOBNST">
              <p><nuxt-link :to="{name: 'innovate'}" class="headSnavLa">创新产品</nuxt-link></p>
            </div>
            <div class="footMOBNSC">
              <a href="#">控制器</a>
              <a href="#">驱动产品</a>
              <a href="#">可视化</a>
              <a href="#">工业机器人</a>
              <a href="#">低压配电产品</a>
              <a href="#">加工机</a>
            </div>
          </div>
          <div class="footMOBNS" @click="footMOBNS($event)">
            <div class="footMOBNST">
              <p><nuxt-link :to="{name: 'solution-solutionIndex'}" class="headSnavLa">解决方案</nuxt-link></p>
            </div>
            <div class="footMOBNSC">
              <nuxt-link :to="{name: 'solution-solutionDetails'}">什么是e-F@ctory </nuxt-link>
              <nuxt-link :to="{name: 'solution-solutionDetails'}">什么是e-F@ctory </nuxt-link>
              <nuxt-link :to="{name: 'solution-ctory'}">e-F@ctory Alliance</nuxt-link>
              <nuxt-link :to="{name: 'solution-solutionLead'}">公司导入事例</nuxt-link>
              <nuxt-link :to="{name: 'solution-industryScheme'}">行业解决方案</nuxt-link>
              <a href="#">产品解决方案</a>
              <a href="#">产品解决方案</a>
            </div>
          </div>
          <div class="footMOBNS" @click="footMOBNS($event)">
            <div class="footMOBNST">
              <p><nuxt-link :to="{name: 'serve-serveList'}" class="headSnavLa">服务支持</nuxt-link></p>
            </div>
            <div class="footMOBNSC">
              <nuxt-link :to="{name: 'serve-culCenter'}" class="headSnavLST2Ttit">培训中心</nuxt-link>
              <nuxt-link :to="{name: 'serve-exhibitionHallW'}">走进智能制造</nuxt-link>
              <nuxt-link :to="{name: 'serve-callCenterW'}">Call Center</nuxt-link>
              <nuxt-link :to="{name: 'serve-afterServiceW'}">售后服务</nuxt-link>
              <nuxt-link :to="{name: 'serve-serveFaqW'}">FAQ</nuxt-link>
              <nuxt-link :to="{name: 'serve-serveQuestionsW'}">问询与建议</nuxt-link>
              <nuxt-link :to="{name: 'serve-serveAttestationW'}">认证机构查询</nuxt-link>
            </div>
          </div>
          <div class="footMOBNS" @click="footMOBNS($event)">
            <div class="footMOBNST">
              <p><nuxt-link :to="{name: 'datacenter'}" class="headSnavLa">资料中心</nuxt-link></p>
            </div>
            <div class="footMOBNSC">
              <a href="#">样本</a>
              <a href="#">手册</a>
              <a href="#">CAD</a>
              <a href="#">认证</a>
              <a href="#">视频</a>
              <a href="#">软件</a>
              <a href="#">FB程序库</a>
              <a href="#">其他</a>
            </div>
          </div>
          <div class="footMOBNS" @click="footMOBNS($event)">
            <div class="footMOBNST">
              <p><nuxt-link :to="{name: 'news-newsIndex'}" class="headSnavLa">最新资讯</nuxt-link></p>
            </div>
            <div class="footMOBNSC">
              <nuxt-link :to="{name: 'news-newsCompany'}">公司新闻</nuxt-link>
              <nuxt-link :to="{name: 'news-newProduct'}">新品发布</nuxt-link>
              <nuxt-link :to="{name: 'news-logUpdate'}">料更新日志</nuxt-link>
            </div>
          </div>
          <div class="footMOBNS" @click="footMOBNS($event)">
            <div class="footMOBNST">
              <p><nuxt-link :to="{name: 'about'}" class="headSnavLa">关于我们</nuxt-link></p>
            </div>
            <div class="footMOBNSC">
              <nuxt-link :to="{name: 'about-synopsis'}">公司简介</nuxt-link>
              <nuxt-link :to="{name: 'about-managementIdea'}">经营理念</nuxt-link>
              <nuxt-link :to="{name: 'about-duty'}">社会责任</nuxt-link>
              <nuxt-link :to="{name: 'about-joinUs'}">加入我们</nuxt-link>
              <nuxt-link :to="{name: 'about-contactUs'}">联系我们</nuxt-link>
            </div>
          </div>
        </div>
        <div class="footMOBM">
          <img src="../static/images/code.png" />
        </div>
        <div class="footMOBE">
          <p>沪ICP备14009283号</p>
          <p>Copyright Mitsubishi Electric Corporation. All Rights Reserved.</p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import $ from "jquery";
import "@/assets/css/home.css";

export default {
  name: "HomeHooter",
  data() {
    return {};
  },
  methods: {
    footMOBNS(e) {
      var element = e.currentTarget;
      $(element).find(".footMOBNSC").slideToggle(200);
    }
  }
};
</script>

<style scoped>
</style>
